<page-header  [title]="'审批订单'">
    <!--<ng-template #breadcrumb>-->
        <!--<nz-breadcrumb>-->
            <!--<nz-breadcrumb-item>订单信息</nz-breadcrumb-item>-->
            <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">订单资料</a></nz-breadcrumb-item>&ndash;&gt;-->
        <!--</nz-breadcrumb>-->
    <!--</ng-template>-->
    <!--<ng-template #tab>-->
        <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
          <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
          <!--<nz-tab nzTitle="车辆信息" (nzSelect)="changeTab(1)"></nz-tab>-->
          <!--<nz-tab nzTitle="担保人" (nzSelect)="changeTab(2)"></nz-tab>-->
          <!--<nz-tab nzTitle="附件信息" (nzSelect)="changeTab(3)"></nz-tab>-->
          <!--<nz-tab nzTitle="自动识别" (nzSelect)="changeTab(4)"></nz-tab>-->
        <!--</nz-tabset>-->
    <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回订单列表</button></ng-template>

</page-header>

<nz-spin [nzSpinning]="loading">

  <!-- <nz-card nzTitle="证件识别">

    <form nz-form >
      <nz-row [nzGutter]="32">
        <nz-col [nzSpan]="8" style="width: auto">

          <nz-upload  class="avatar-uploader"
                      [nzAction]="uploadUrl"
                      [nzData]="avatarParam1"
                      nzName="file1"
                      [nzShowUploadList]="false"
                      [nzBeforeUpload]="beforeUpload"
                      (nzChange)="handleChange1($event)">
            <i *ngIf="!avatarUrl1" class="anticon anticon-plus avatar-uploader-trigger"></i>
            <img *ngIf="avatarUrl1" [src]="avatarUrl1" class="avatar">
          </nz-upload>
          <span style="margin-left: 30px">(身份证人像面)</span>

        </nz-col>
        <nz-col [nzSpan]="8" style="width: auto">

          <nz-upload class="avatar-uploader"
                     [nzAction]="uploadUrl"
                     [nzData]="avatarParam2"
                     nzName="file2"
                     [nzShowUploadList]="false"
                     [nzBeforeUpload]="beforeUpload"
                     (nzChange)="handleChange2($event)">
            <i *ngIf="!avatarUrl2" class="anticon anticon-plus avatar-uploader-trigger"></i>
            <img *ngIf="avatarUrl2" [src]="avatarUrl2" class="avatar">
          </nz-upload>
          <span style="margin-left: 30px">(身份证国徽面)</span>

        </nz-col>
        <nz-col [nzSpan]="8" style="width: auto">

          <nz-upload class="avatar-uploader"
                     [nzAction]="uploadUrl"
                     [nzData]="avatarParam3"
                     nzName="file3"
                     [nzShowUploadList]="false"
                     [nzBeforeUpload]="beforeUpload"
                     (nzChange)="handleChange3($event)">
            <i *ngIf="!avatarUrl3" class="anticon anticon-plus avatar-uploader-trigger"></i>
            <img *ngIf="avatarUrl3" [src]="avatarUrl3" class="avatar">
          </nz-upload>
          <span style="margin-left: 30px">(机动车行驶证)</span>

        </nz-col>
        <nz-col [nzSpan]="8" style="width: auto">
          <nz-upload class="avatar-uploader"
                     [nzAction]="uploadUrl"
                     [nzData]="avatarParam4"
                     nzName="file4"
                     [nzShowUploadList]="false"
                     [nzBeforeUpload]="beforeUpload"
                     (nzChange)="handleChange4($event)">

            <i *ngIf="!avatarUrl4" class="anticon anticon-plus avatar-uploader-trigger"> </i>
            <img *ngIf="avatarUrl4" [src]="avatarUrl4" class="avatar">
          </nz-upload>
          <span style="margin-left: 30px">(担保人身份证)</span>

        </nz-col>

      </nz-row>

    </form>
  </nz-card> -->


  <nz-card nzTitle="基本信息 "   >
    
    <form nz-form>

      <nz-form-item>

        <nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>
        <nz-form-control nzSpan="4">
          <!--<nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>-->
          <!--</nz-select>-->
          <!--orderStatus-->
          <input readonly="readonly" nz-input required [(ngModel)]="product.orderStatus" name="orderStatus">

        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input readonly="readonly" nz-input required [(ngModel)]="product.orderNo" name="orderNo">

        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="2" nzRequired>产品</nz-form-label>
        <nz-form-control nzSpan="4">
          <!--<nz-select style="" required [(ngModel)]="product.proNo" name="proNo" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="proNo.text" [nzValue]="proNo.value" *ngFor="let proNo of proNos"></nz-option>-->
          <!--</nz-select>-->
          <input nz-input required [(ngModel)]="product.proName" name="proName">
        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="product.cusName" name="cusName">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input  required [(ngModel)]="product.cusMobile" name="cusMobile">

        </nz-form-control>

        <!--<nz-form-label nzSpan="2" nzRequired>证件类型</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
          <!--<nz-select required [(ngModel)]="product.cusrIdtype" name="cusrIdtype"  nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="cusrIdtype.text" [nzValue]="cusrIdtype.value" *ngFor="let cusrIdtype of cusrIdtypes"></nz-option>-->
          <!--</nz-select>-->

        <!--</nz-form-control>-->

        <nz-form-label nzSpan="2" nzRequired>证件号码</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="product.cusIncard" name="cusIncard">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件有效起始日</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker  required name="cusIdValidfrom" [(ngModel)]="product.cusIdValidfrom"></nz-date-picker>


        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>证件有效截止日</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker   required name="cusIdValidto" [(ngModel)]="product.cusIdValidto"></nz-date-picker>



        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>现居住地</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required [(ngModel)]="product.cusResAddr" name="cusResAddr">

        </nz-form-control>

        <nz-form-label nzSpan="2" >性别</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="product.cusGender" name="cusGender" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusGender.text" [nzValue]="cusGender.value" *ngFor="let cusGender of cusGenders"></nz-option>
          </nz-select>
        </nz-form-control>

        <!-- <nz-form-label nzSpan="2" >婚姻</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="product.cusMaritalStatus" name="cusMaritalStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusMaritalStatus.text" [nzValue]="cusMaritalStatus.value" *ngFor="let cusMaritalStatus of cusMaritalStatuss"></nz-option>
          </nz-select>
        </nz-form-control>

        <nz-form-label nzSpan="2">学历</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="product.cusDeu" name="cusDeu" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusDeu.text" [nzValue]="cusDeu.value" *ngFor="let cusDeu of cusDeus"></nz-option>
          </nz-select>
        </nz-form-control> -->

        <nz-form-label nzSpan="2">民族</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style="" [(ngModel)]="product.cusEthnical" name="cusEthnical" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="cusEthnical.text" [nzValue]="cusEthnical.value" *ngFor="let cusEthnical of cusEthnicals"></nz-option>
          </nz-select>
        </nz-form-control>


        <!--<nz-form-label nzSpan="2" >年龄</nz-form-label>-->
        <!--<nz-form-control nzSpan="4">-->
        <!--<input nz-input [(ngModel)]="product.cusAge" name="cusAge">-->

        <!--</nz-form-control>-->

        <nz-form-label nzSpan="2" >出生日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker  name="cusBirthday" [(ngModel)]="product.cusBirthday"></nz-date-picker>



        </nz-form-control>

        <!-- <nz-form-label nzSpan="2" >QQ号码</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.cusQqid" name="cusQqid">

        </nz-form-control> -->

        <nz-form-label nzSpan="2" >常住地址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.cusRemark" name="cusRemark">

        </nz-form-control>
        <!-- <nz-form-label nzSpan="2" >是否有子女</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select [(ngModel)]="product.orderBy4" name="orderBy4" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="znsls.text" [nzValue]="znsls.value" *ngFor="let znsls of znsls"></nz-option>
          </nz-select>
        </nz-form-control> -->





        <!-- <nz-form-label nzSpan="2" >工作单位</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy6" name="orderBy6">
        </nz-form-control>



        <nz-form-label nzSpan="2" >单位地址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy7" name="orderBy7">
        </nz-form-control>

        <nz-form-label nzSpan="2" >月收入</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy8" name="orderBy8">
        </nz-form-control> -->

        <!-- <nz-form-label nzSpan="2" >银行卡号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy9" name="orderBy9">
        </nz-form-control> -->

        <nz-form-label nzSpan="2" >放款户名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy11" name="orderBy11">
        </nz-form-control>

        <nz-form-label nzSpan="2" >开户行</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy12" name="orderBy12">
        </nz-form-control>

        <nz-form-label nzSpan="2" >卡号</nz-form-label>
        <nz-form-control nzSpan="4">
          <input   nz-input required [(ngModel)]="product.orderBy13" name="orderBy13">
        </nz-form-control>



      </nz-form-item>
    </form>
  </nz-card>

 <!-- 
    <nz-card nzTitle="行驶证信息" >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype"> -->

            <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
            <!--</nz-select>-->
          <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>品牌/车型</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypname" name="dypname">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车牌号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypvalue" name="dypvalue">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass"> -->

            <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
            <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
            <!--</nz-select>-->
          <!-- </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>车架号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark2" name="dypremark2">

          </nz-form-control>
          <nz-form-label nzSpan="3" nzRequired>发动机号</nz-form-label>
          <nz-form-control nzSpan="9">
            <input  nz-input required="required" [(ngModel)]="product.dypremark3" name="dypremark3">

          </nz-form-control>
        </nz-form-item>
      </form>
    </nz-card> -->
    <nz-card nzTitle="驾驶证信息" >
      <form nz-form>
        <nz-form-item>


          <nz-form-label nzSpan="3" nzRequired>注册/发证日期</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dyptype" name="dyptype">

          </nz-form-control>

         

          <nz-form-label nzSpan="3" nzRequired>所有人</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypyear" name="dypyear">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>使用性质</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypclass" name="dypclass">

          </nz-form-control>

          <nz-form-label nzSpan="3" nzRequired>住址</nz-form-label>
          <nz-form-control nzSpan="9">
            <input nz-input required="required" [(ngModel)]="product.dypremark1" name="dypremark1">

          </nz-form-control>

          
        </nz-form-item>
      </form>
    </nz-card>

    <nz-card nzTitle="申请信息">
      <form nz-form>
        <nz-form-item>
  
  
          <nz-form-label nzSpan="2" nzRequired>车身价</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input required="required" [(ngModel)]="product.orderBy19" name="orderBy19">
          </nz-form-control>
          <!-- <nz-form-label nzSpan="2" nzRequired>初评金额(元）</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input required="required" [(ngModel)]="product.orderBy10" name="orderBy10">
  
          </nz-form-control> -->
          <nz-form-label nzSpan="2" nzRequired>申请期限(月）</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input required="required" [(ngModel)]="product.orderPeriod" name="orderPeriod
            
            ">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >购置税</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy20" name="orderBy20">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >首年商业险</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy21" name="orderBy21">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >交强险</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy22" name="orderBy22">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >车船税</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >配置</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy23" name="orderBy23">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >上牌及运管GPS</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy24" name="orderBy24">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >风控GPS</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy25" name="orderBy25">
          </nz-form-control>
          
          <nz-form-label nzSpan="2" >人身意外险</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy26" name="orderBy26">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >贷款保证保险</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy27" name="orderBy27">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >双方总分润</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy28" name="orderBy28">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >佣金</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy31" name="orderBy31">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" nzRequired>合计金额</nz-form-label>
          <nz-form-control nzSpan="4">
            <input nz-input required="required" [(ngModel)]="product.orderBy32" name="orderBy32">
          </nz-form-control>
          
          <nz-form-label nzSpan="2" nzRequired >首付</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy33" name="orderBy33">
          </nz-form-control>
  
          <nz-form-label nzSpan="2"  nzRequired>贷款</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy34" name="orderBy34">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >产品类型</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy35" name="orderBy35">
          </nz-form-control>
  
          <nz-form-label nzSpan="2" >其他</nz-form-label>
          <nz-form-control nzSpan="4">
            <input   nz-input required [(ngModel)]="product.orderBy17" name="orderBy17">
          </nz-form-control>
        
  
        </nz-form-item>
      </form>
    </nz-card>

  <nz-card nzTitle="配偶信息">
    <form nz-form>
      <nz-form-item>


        <!-- <nz-form-label nzSpan="2" nzRequired>与贷款人关系</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select style=""  [(ngModel)]="product.emergencyRelation" name="emergencyRelation" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="reltype.text" [nzValue]="reltype.value" *ngFor="let reltype of relTypes"></nz-option>
          </nz-select>
        </nz-form-control> -->

        <nz-form-label nzSpan="2" nzRequired>姓名</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.emergencyContact" name="emergencyContact">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>身份证</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.emergencyOffice" name="emergencyOffice">

        </nz-form-control>

        <nz-form-label nzSpan="2" nzRequired>手机</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.emergencyMobile" name="emergencyMobile">

        </nz-form-control>


        <nz-form-label nzSpan="2" nzRequired>住址</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input required="required" [(ngModel)]="product.emergencyResAddr" name="emergencyResAddr">

        </nz-form-control>



      </nz-form-item>
    </form>
  </nz-card>


  <nz-card nzTitle="文件信息 ">

    <form nz-form>
      <div class="clearfix">

        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr5"
          [nzData]="avatarParam5"
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowButton]="fileList.length < 30"

          [nzPreview]="handlePreview">


          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
        <div style="display:flex;">
          <div style="margin-left: 20px;">身份证正面</div>
          <div style="margin-left: 35px;">身份证反面</div>
          <div style="margin-left: 60px;">驾驶证</div>
          <div style="margin-left: 60px;">银行流水</div>
          <div style="margin-left: 60px;">问询表</div>
          <div style="margin-left: 70px;">征信报告</div>
          <div style="margin-left: 50px;">车辆登记证</div>
          <div style="margin-left: 50px;">行驶证</div>
          <div style="margin-left: 70px;">银行卡</div>
          <div style="margin-left: 50px;">GPS安装位置</div>
        </div>
      </div>

    </form>
  </nz-card>


  <!-- <nz-card nzTitle="审批意见"  > -->

    <!-- <nz-form-control nzSpan="12" style="margin-top: 8px;margin-right: 8px"> -->
      <!--<input nz-input required [(ngModel)]="product.spcomment" name="spcomment">-->
      <!-- <textarea    class="textarea"   [(ngModel)]="product.spcomment" name="spcomment"> -->

      <!-- </textarea> -->
    <!-- </nz-form-control> -->

  <!-- </nz-card>  -->
</nz-spin>



<footer-toolbar errorCollect>
  <nz-form-label nzSpan="3" style="margin-top: 8px">审批意见</nz-form-label>
  <nz-form-control nzSpan="6" style="margin-top: 8px;margin-right: 8px">
    <input nz-input required [(ngModel)]="product.spcomment" name="spcomment">
  </nz-form-control>
  <button nz-button type="primary" nzType="primary" (click)="savec('Y','通过')">通过</button>
  <button nz-button type="primary" nzType="primary" (click)="savec('N','退回')">退回</button>
  <button nz-button type="primary" nzType="primary" (click)="savec('R','拒绝')">拒绝</button>
</footer-toolbar>
